<div id="addPaymentPoolModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <h3 class="m-t-none m-b ">
          <vc:i18n name="添加" namespace="addPaymentPool"></vc:i18n>
        </h3>
        <div class="ibox-content">
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='名称' namespace='addPaymentPool'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <input v-model="addPaymentPoolInfo.paymentName" type="text"
                :placeholder="vc.i18n('必填，请填写名称','addPaymentPool')" class="form-control">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='支付厂家' namespace='addPaymentPool'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <select class="custom-select" v-model="addPaymentPoolInfo.paymentType" @change="_addChangeToType()">
                <option selected disabled value="">{{vc.i18n('必填，请选择支付厂家','addPaymentPool')}}</option>
                <option :value="item.paymentType" v-for="(item,index) in addPaymentPoolInfo.paymentTypes" :key="index">
                  {{item.name}}</option>
              </select>
            </div>
          </div>
          <div class="form-group row" v-for="(item,index) in addPaymentPoolInfo.paymentKeys" :key="index">
            <label class="col-sm-2 col-form-label">{{item.name}}</label>
            <div class="col-sm-10">
              <textarea v-model="item.columnValue" :placeholder="item.remark" class="form-control"></textarea>
            </div>
          </div>
          <div class="form-group row" v-if="addPaymentPoolInfo.paymentType == 'WECHAT'">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name="商户证书(.p12)" namespace="addPaymentPool"></vc:i18n>
            </label>
            <div class="col-sm-10">
              <vc:create path="frame/uploadFile" callBackListener="addPaymentPool" callBackFunction="notifyCert"
                namespace="addPaymentPool">
              </vc:create>
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='支付范围' namespace='addPaymentPool'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <select class="custom-select" v-model="addPaymentPoolInfo.payType">
                <option selected disabled value="">{{vc.i18n('必填，请选择支付范围','addPaymentPool')}}</option>
                <option value="1001">小区费用</option>
                <option value="2002">临时停车费</option>
              </select>
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-2 col-form-label">
              <vc:i18n name='使用说明' namespace='addPaymentPool'></vc:i18n>
            </label>
            <div class="col-sm-10">
              <textarea v-model="addPaymentPoolInfo.remark" :placeholder="vc.i18n('选填，请填写使用说明','addPaymentPool')"
                class="form-control"></textarea>
            </div>
          </div>
          <div class="ibox-content">
            <button class="btn btn-primary float-right" type="button" v-on:click="savePaymentPoolInfo()"><i
                class="fa fa-check"></i>&nbsp;
              <span>
                <vc:i18n name="保存"></vc:i18n>
              </span>
            </button>
            <button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">
              <vc:i18n name="取消"></vc:i18n>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>